<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>掌柜</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<!-- IE兼容 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- Start goods-manger -->
    <div class="goods-manger">
        <!-- 固定顶部 -->
        <div class="goods-manger-top clearfix">
            <div class="left">
                <a href=""></a>
            </div>
            <div class="goods-manger">
                菜品管理
            </div>
            <div class="right">
                <input type="button" value="管理" id="st1">
                <input type="button" value="完成" id="st2">
            </div>
        </div>

        <!-- 菜单管理里什么都没有 -->
        <!-- <div class="sort-manage-no">
            <img src="images/cry.png" alt="">
            <p>空空如也，加点菜吧</p>
        </div> -->

        <!-- 菜单管理有分类 -->
        <div class="goods-manger-edit">
            <div class="goods-manger-qiancai">
                <div class="qiancai-name">
                    前菜
                </div>
                <ul class="gmanger-ul">
                    <li class="gmanger-list clearfix">
                        <div class="left db dn">
                            <input type="checkbox" name="checkbox" id="checkbox-1"><label for="checkbox-1"></label>
                        </div>
                        <div class="right">
                            <a href="edit-goods.html" class="clearfix">
                                <span class="gma-list-l">
                                    <img src="images/goods2.png" alt="">
                                </span>
                                <span class="gma-list-l">
                                    <p class="goods-mz">鹅肝酱</p>
                                    <p>¥38元/份</p>
                                </span>
                            </a>
                        </div>
                    </li>
                    <li class="gmanger-list clearfix">
                        <div class="left db dn">
                            <input type="checkbox" name="checkbox" id="checkbox-2"><label for="checkbox-2"></label>
                        </div>
                        <div class="right">
                            <a href="edit-goods.html" class="clearfix">
                                <span class="gma-list-l">
                                    <img src="images/goods2.png" alt="">
                                </span>
                                <span class="gma-list-l">
                                    <p class="goods-mz">鹅肝酱</p>
                                    <p>¥38元/份</p>
                                </span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            
            <div class="goods-manger-recai">
                <div class="qiancai-name">
                    热菜
                </div>
                <ul class="gmanger-ul">
                    <li class="gmanger-list clearfix">
                        <div class="left db dn">
                            <input type="checkbox" name="checkbox" id="checkbox-3"><label for="checkbox-3"></label>
                        </div>
                        <div class="right">
                            <a href="edit-goods.html" class="clearfix">
                                <span class="gma-list-l">
                                    <img src="images/goods2.png" alt="">
                                </span>
                                <span class="gma-list-l">
                                    <p class="goods-mz">鹅肝酱</p>
                                    <p>¥38元/份</p>
                                </span>
                            </a>
                        </div>
                    </li>
                    <li class="gmanger-list clearfix">
                        <div class="left db dn">
                            <input type="checkbox" name="checkbox" id="checkbox-4"><label for="checkbox-4"></label>
                        </div>
                        <div class="right">
                            <a href="edit-goods.html" class="clearfix">
                                <span class="gma-list-l">
                                    <img src="images/goods2.png" alt="">
                                </span>
                                <span class="gma-list-l">
                                    <p class="goods-mz">鹅肝酱</p>
                                    <p>¥38元/份</p>
                                </span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="goods-manger-yinliao">
                <div class="qiancai-name">
                    饮料
                </div>
                <ul class="gmanger-ul">
                    <li class="gmanger-list clearfix">
                        <div class="left db dn">
                            <input type="checkbox" name="checkbox" id="checkbox-5"><label for="checkbox-5"></label>
                        </div>
                        <div class="right">
                            <a href="edit-goods.html" class="clearfix">
                                <span class="gma-list-l">
                                    <img src="images/goods4.png" alt="">
                                </span>
                                <span class="gma-list-l">
                                    <p class="goods-mz">鹅肝酱</p>
                                    <p>¥38元/份</p>
                                </span>
                            </a>
                        </div>
                    </li>
                    <li class="gmanger-list clearfix">
                        <div class="left db dn">
                            <input type="checkbox" name="checkbox" id="checkbox-6"><label for="checkbox-6"></label>
                        </div>
                        <div class="right">
                            <a href="edit-goods.html" class="clearfix">
                                <span class="gma-list-l">
                                    <img src="images/goods4.png" alt="">
                                </span>
                                <span class="gma-list-l">
                                    <p class="goods-mz">鹅肝酱</p>
                                    <p>¥38元/份</p>
                                </span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div> 
        <div class="goods-manger-add db clearfix">
            <div class="left">
                <a href="sort-manage.html">分类管理</a>
            </div>
            <div class="right">
                <a href="add-goods.html">添加菜品</a>
            </div>
        </div>

        <div class="goods-manger-dl db dn clearfix">
            <div class="left">
                <input type="button" name="button" id="button1" value="全选">
            </div>
            <div class="right">
                <button>删除 </button>
            </div>
        </div>
    </div>
    <!-- End goods-manger -->
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 全部删除 js-->
    <script src="js/delete.js"></script>
    <script src="checkbox.js"></script>
    <script>
        $(document).ready(function(){
            $('#st1').click(function(){
                $(".goods-manger-add").addClass("dn");
                $(".gmanger-list .left").removeClass("dn");
                $(".goods-manger-dl").removeClass("dn");
                $('#st1').css("display","none");
                $('#st2').css("display","block");
                $('.gmanger-list .right').css("width","85%");
            });
            $('#st2').click(function(){
                $(".goods-manger-dl").addClass("dn");
                $(".goods-manger-add").removeClass("dn");
                $(".gmanger-list .left").addClass("dn");
                $('#st1').css("display","block");
                $('#st2').css("display","none");
                $('.gmanger-list .right').css("width","100%");
            });
        });
    </script>
    <script>
        $(document).ready(function() {
            $("#button1").click(function(){
                $(":checkbox").attr("checked",true);   //设置所有复选框默认勾选  
                $("#button1").addClass("qx-bg");          
            })
        });
        $(document).ready(function(){
            $("button").click(function(){
                var elem = $(this).closest('.item');
                $.confirm({
                    'message'   : '确认删除选中的菜品？',
                    'buttons'   : {
                        '确定'   : {
                            'class' : 'blue',
                            'action': function(){
                                $(":checked").parent().parent().fadeOut("show"); //隐藏所有被选中的input元素
                                $("#button1").removeClass("qx-bg");  
                            }
                        },
                        '取消'    : {
                            'action': function(){}  
                        }
                    }
                });
            });
        });

    </script>
</body>
</html>